<template>
  <div class="container-table">
    <el-tabs v-model="activeName" class="demo-tabs">
      <el-tab-pane label="查看活动列表" name="first">
        <ActivityShow></ActivityShow>
      </el-tab-pane>
      <el-tab-pane label="新增活动" name="second">
        <ActivityAdd></ActivityAdd>
      </el-tab-pane>
      <el-tab-pane label="生成活动条码" name="third">
        <el-form
          label-width="7rem"
          size="large"
          style="margin-top: 1rem; margin-left: 1rem"
        >
          <el-form-item label="选择活动名称" prop="category_oneName">
            <el-select>
              <el-option></el-option>
            </el-select>
            <el-button style="width: 10rem; margin-left: 1rem" type="primary"
              >生成条形码</el-button
            >
            <el-button style="width: 10rem; margin-left: 1rem" type="success"
              >打印条形码</el-button
            >
          </el-form-item>
        </el-form>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script setup>
import { ref } from 'vue'
import ActivityShow from './ActivityShow'
import ActivityAdd from './ActivityAdd'
const activeName = ref('first')
</script>

<style lang="scss" scoped>
.el-tabs {
  height: 100%;
  ::v-deep .el-tabs__content {
    height: calc(100% - 40px) !important;
  }
  .el-tab-pane {
    height: 100%;
  }
}
</style>
